import Vue from 'vue'
// import { Button } from 'element-ui'
// { } 表示按需导入
// import { Form, FormItem } from 'element-ui'
// import { Input } from 'element-ui'
// 第九步 9.1 配置Message全局弹窗组件
// import { Message } from 'element-ui'
//{ } 表示按需导入
//  14-1-2 按需导入BreadCrumb BreadcRumbItem
//23-1 :添加用户-渲染添加用户的对话框 ----Dialog 对话框

import {
  Button,
  Form,
  FormItem,
  Input,
  Message,
  Container,
  Header,
  Aside,
  Main,
  Menu,
  Submenu,
  MenuItem,
  Breadcrumb,
  BreadcrumbItem,
  Card,
  Row,
  Col,
  Table,
  TableColumn,
  Switch,
  Tooltip,
  Pagination,
  Dialog,
  MessageBox,
  Tag,
  Tree,
  Select,
  Option,
  Cascader,
  Alert,
  Tabs,
  TabPane,
  Steps,
  Step,
  CheckboxGroup,
  Checkbox,
  Upload
} from 'element-ui'
//96
// import Timeline from './plugins/timeline/index.j'
// import TimelineItem from './plugins/timeline-item/index.js'

// import Timeline from './timeline/index.js'
// import TimelineItem from './timeline-item/index.js'

import Timeline from './timeline/index.js'
import TimelineItem from './timeline-item/index.js'
//第八步:导入弹窗提示组件
Vue.use(Button)
//Vue.use 表示全局可用的组件
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Tag)
Vue.use(Tree)
Vue.use(Select)
Vue.use(Option)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Steps)
Vue.use(Step)
Vue.use(Upload)
Vue.use(Timeline)
Vue.use(TimelineItem)

// 87-1-2：商品添加-绘制商品参数米那般中的参数框组
Vue.use(CheckboxGroup)
Vue.use(Checkbox)
// 44-1-1：用Cascader 级联选择器渲染选择框
Vue.use(Cascader)
//9.2  将Message挂载在Vue的原型对象上
Vue.prototype.$message = Message
//29-5 -1-1 导入 MessageBox.confirm到Vue的原型对象上
Vue.prototype.$confirm = MessageBox.confirm
